<template>
    <div id="product">
        <h2>这是商品页</h2>
        <ul v-for="val in msg">
            <li>{{val}}</li>
        </ul>
        <button @click="fn">产品发射</button>
    </div>
</template>

<script>
    import Bus from '../evenBus.js'
    export default {
        data () {
            return {
                msg:''
            }
        },
        methods: {
            fn(){
                // 发射一个自定义事件，传递信息
                Bus.$emit("one","这是商品页传递过来的数据");
            }
        },
        //组件挂载时触发的钩子函数
        mounted () {
            // 接收信息
            Bus.$on("Home",val =>{
                this.msg = val;
            })
        }
    }
</script>
<style>
    #product{
        margin-top: 10px;
        border: 2px solid red;
    }
</style>